<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>广告监测搜索</title>
<script type="text/javascript"	src="./js/jquery.min.js"></script>
<script type="text/javascript"	src="./js/select2.min.js"></script>
<script type="text/javascript"	src="./js/jquery.placeholder.js"></script>
<script type="text/javascript"	src="./js/icheck.min.js"></script>
<link href="./style/global.css" type="text/css" rel="stylesheet" />
<link href="./style/monitor.css" type="text/css" rel="stylesheet" />
<link href="./style/icheck/green.css" type="text/css" rel="stylesheet" />
<link href="./style/select2/select2.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
	$(".area_select").select2();
	$('.brand').placeholder();
	$('#end_price').placeholder();
	$('.select_media_type').iCheck({
	      checkboxClass: 'icheckbox_minimal-green',
	      radioClass: 'iradio_minimal-green',
	      increaseArea: '20%' // optional
	});
	$(".list_sd").click(function(){
		if($(this).html()=="▼"){
			$(this).html("▲");
			$(this).parent().parent().next().show();
		}else{
			$(this).html("▼");
			$(this).parent().parent().next().hide();
		}
		
	});
});
</script>

</head>
<body>
	<div class="main">
 		<div id="header">
 			<div id="top">
 				<div id="logo">
	 			</div>
	 			<div id="header_right">
	 				<div id="wei">
	 					<div id="wei_list">
	 						<a href="" id="tweibo">12</a>
	 						<a href="" id="sweibo"></a>
	 						<a href="" id="weixin"></a>
	 					</div>
		 				<div id="welcome">你好,欢迎来到SSI信息数据平台!</div>
	 				</div>
	 				<div id="header_login">
	 				<img alt="" src="./images/header_call.jpg">
	 				<div id="sign"><a href="./member_center.html">登录</a> | <a href="./member_center.html">免费注册</a></div>
	 				</div>
	 			</div>
 			</div>
 		</div>
	</div>
	<div class="navBg">
		<ul class="nav">
			<li><a href="index.html" >首　页</a></li>
			<li><a href="media.html">广告牌</a></li>
			<li><a href="monitor.html" class="on">监测数据</a></li>
			<li><a href="">资讯报告</a></li>
			<li><a href="">好帮手</a></li>
			<li><a href="">线下服务</a></li>
			<li><a href="">关于SSI</a></li>
		</ul>
	</div>
	<div class="main">
		<div id="monitor">
			<div id="search_condition">
				<div id="search_type">
					<ul class="search">
						<li class="on"><a href="">品牌/产品</a></li>
						<li><a href="">行业</a></li>
					</ul>
				</div>
				<div class="search_table">
					<div class="search_area">
						<ul>
							<li ><input type="radio" class="select_media_type" id="mt1"> <label for="mt1">市区大牌</label></li>
							<li ><input type="radio" class="select_media_type" id="mt2"> <label for="mt2">LED大屏</label></li>
							<li ><input type="radio" class="select_media_type" id="mt3"> <label for="mt3">高速大牌</label></li>
							<li ><input type="radio" class="select_media_type" id="mt4"> <label for="mt4">机场媒体</label></li>
						</ul>
					</div>
					<div class="search_area">
						<div class="search_title">品牌/产品名称：</div>
						<div class="search_content"><input type="text" class="brand"   placeholder="请输入品牌/产品名称 例如:东风雪铁龙"/>
						</div>
					</div>
					<div class="search_area">
						<div class="search_title">位　置：</div>
						<div class="search_content">
							<select class="area_select">
								<option value="1">湖北</option>
							</select>
							<select class="area_select">
								<option>武汉</option>
							</select>
							<select class="area_select">
								<option>洪山	</option>
							</select>
						</div>
					</div>
					<div class="search_area">
						<div class="search_title">日期范围：</div>
						<div class="search_content">
							<input type="text" class="date" value="2014-12-15"/>　至　 
							<input type="text" class="date" value="2014-12-16"/>
						</div>
					</div>
				</div>
			</div>
			
			<div id="search_right">
				<a class="search"></a>
				<div class="media_num_content"><span class="num">2,547</span>个城市，<span class="num">5,195,381</span>个户外媒体信息</div>
			</div>
		</div>
		
		
		<div id="filter">
			<div class="page_filter">
				<div class="title-key">广告牌浏览界面 Interface</div>
				<div class="title-value">
					<div class="col col1">
					每页显示 <a href="#" class="on">20</a> <a href="#">50</a> <a href="#">80</a> 条
					</div>
					<div class="col col12" >  
						<input type="checkbox">显示缩略图
					</div>
				</div>
			</div>
		</div>
		<table class="monitor_tbl">
			<thead>
				<tr>
					<td width="41px"></td>
					<td width="120px">品牌</td>
					<td width="">产品名称</td>
					<td width="100px">媒体形式</td>
					<td width="120px">点位属性</td>
					<td width="120px">所在城市/高速</td>
					<td width="110px">日期</td>
					<td width="100px">媒体编号</td>
				</tr>
			</thead>
			<tbody>
				<tr >
					<td ></td>
					<td align="center">
						<select class="ct_select">
							<option>所有</option>
						</select>
					</td>
					<td  align="center">
						<input type="text"  class="m_text">
					</td>
					<td align="center">
						<select class="ct_select">
							<option>所有</option>
						</select>
					</td>
					<td align="center">
						<select class="ct_select">
							<option>所有</option>
						</select>
					</td>
					<td align="center">
						<select class="ct_select">
							<option>所有</option>
						</select>
					</td>
					<td ></td>
					<td >
						<input type="checkbox">去除同编号
					</td>
				</tr>
				<tr>
					<td colspan="8">
						<div class="sm">
							<div class="sm_left">
								<h1>您正在使用的是SSI数据监测免费版</h1>
								<p>查询的时间范围被锁定为四个月前的数据</p>
								<p>返回的数据量被限制为1页(25条记录)</p>
								<p>在近四个月内,还有16条数据未能显示</p>
							</div>
							<div class="sm_center"></div>
							<div class="sm_right">
								<p><a href="#">点击这里</a> 了解付费版价格</p>
								<div class="orange_btn2"><a href="#">立即申请免费试用</a></div>
							</div>
						</div>
					</td>
				</tr>
				<tr class="odd">
					<td ><input type="checkbox" > <a href="javascript:void(0)" class="list_sd">▲</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
				<tr class="odd jp_detail">
					<td colspan="8">
						<table class="jp_detail_tbl">
							<tr>
								<td class="jp_detail_img" rowspan="2">
									<img alt="" src="./images/media_pic.png">
								</td>
								<td class="l1">具体位置</td>
								<td class="orange_font l2">湖北省武汉市洪山区光谷国际广场</td>
								<td class="l1">产品类目</td>
								<td class="orange_font l1">交通 &gt; 轿车</td>
							</tr>
							<tr>
								<td>媒体规格</td>
								<td class="orange_font">5.12米(宽)*10.24米(长) =52.43平方米</td>
								<td>估　　价</td>
								<td class="orange_font">12万/年</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr >
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
				<tr class="odd">
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr><tr >
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
				<tr class="odd">
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr><tr >
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
				<tr class="odd">
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr><tr >
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
				<tr class="odd">
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr><tr >
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
				<tr class="odd">
					<td ><input type="checkbox" ><a href="javascript:void(0)" class="list_sd">▼</a></td>
					<td align="center" class="orange_font">
						东风本田
					</td>
					<td  class="orange_font">
						东风本田杰德MVP轿车
					</td>
					<td align="center">
						楼顶LED
					</td>
					<td align="center">
						商业CBD
					</td>
					<td align="center">
						武汉
					</td>
					<td align="center">2014-12-26</td>
					<td align="center">
						4123401
					</td>
				</tr>
			</tbody>
		</table>
						
		<div class="clear"></div>
		<div class="pager">
			<div class="pagin fr">
				<a class="prev" href="">上一页<b></b></a>
				<a href="">1</a>
				<a href="" class="current">2</a>
				<a href="">3</a>
				<a href="">4</a>
				<a href="">5</a>
				<a href="" class="next">下一页<b></b></a>
			</div>
		</div>
		<div id="footer">
		 <a href="#">服务条款</a> 
		 <a href="#">法律声明</a> 
		 <a href="#">设为首页</a> 
		 <a href="#">在线地图</a> 
		 <a href="#">联系方式</a> 	<br/>
		 &copy;上海桥阳广告传媒有限公司 版权所有 沪ICP备1300328号
		 <div id="footer_list"></div>
		</div> 
	</div>
	
	<div class="monitor_con">
		<div class="periphery">
			<div class="title">	我的最近搜索
			<a href="javascript:void(0);">隐藏</a>
			</div>
			
			<ul class="search_history">
				<li>
					<div class="lname">茅台迎宾酒</div>
					<div class="fr"><a href="javascript:void(0)">删除</a></div>
				</li>
				<li>
					<div class="lname">东风雪铁龙</div>
					<div class="fr"><a href="javascript:void(0)">删除</a></div>
				</li>
				<li class="clear_button">
					<a href="button">清除</a>
				</li>
			</ul>
			<div class="fr1">
			全部搜索历史 &gt;
			</div>
			
		</div>
	</div>
	<div  class="back-to" id="toolBackTop">
		
		<a title="免费注册"  href="#" class="register">
		免费注册
		</a>
		<a title="立即登陆"  href="#" class="login">
		立即登陆
		</a>
		<a title="分享"  href="#" class="share">
		立即分享
		</a>
		<a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top">
		返回顶部
		</a>
	</div>
	<script type="text/javascript">
	$(document).ready(function () {
        var bt = $('#toolBackTop');
        var sw = document.body.clientWidth;
        var limitsw = (sw - 980) / 2 - 60;
        if (limitsw > 0){
                limitsw = parseInt(limitsw);
                bt.css("right",limitsw);
                $(".monitor_con").css("left",limitsw-120);
        }

        $(window).resize(function() {
        	var bt = $('#toolBackTop');
            var limitsw = (sw - 980) / 2 - 60;
            if (limitsw > 0){
                    limitsw = parseInt(limitsw);
                    bt.css("right",limitsw);
                    $(".monitor_con").css("left",limitsw-100);
            }else{
            	bt.hide();
            }
        });
	});
	</script>
	
</body>
</html>